@import '../../style/default.less';
.header{
  font-size: 18px;  
  background: @colorM;
  .header-top{
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    border-bottom: 1px solid #1DA57A;
    text-align: right;
    span:first-of-type{
      margin-right: 40px;
    }
    span:last-of-type{
      cursor: pointer;
      color: #1DA57A;
    }
  }
  .breadcrumb{
    padding: 0 10px;
    .breadcrumb-title{
      text-align: center;
      position: relative;
      padding: 5px 0;
      &::after{
        content: '';
        position: absolute;
        // background: #1DA57A;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border-bottom: 0px;
        border-top: 10px solid @colorM;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
      }
    }
    .weather{
      text-align: right;
      padding: 5px 0;
      .date{
        margin-right: 10px;
      }
    }
  }
}